<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title><ui:insert name="title">Lotr - GCCG/Server</ui:insert></title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
<!--[if IE]><style type="text/css" media="screen"> #navigation ul li a em { top:32px; } </style><![endif]-->

<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
<script src="js/jquery-func.js" type="text/javascript"></script>


</head>

<body>

	<div id="header">
		<ui:insert name="header">
			<div id="header">
				<div class="shell">

					<!-- Logo -->
					<h1 id="logo">
						<a href="#">Lotr DataBaseBR</a>
					</h1>
					<!-- End Logo -->

					<!-- Navigation -->
					<div id="navigation">
						<ul>
							<li><a href="#">DataBase<span><em></em></span></a></li>
							<li><a href="#">Historia<span><em></em></span></a></li>
							<li><a href="#">Strategias<span><em></em></span></a></li>
							<li><a href="#">Client Gccg<span><em></em></span></a></li>
							<li class="last"><a href="#">Contato<span><em></em></span></a></li>
						</ul>
					</div>
					<!-- End Navigation -->

				</div>
			</div>
			<!-- End Header -->

		</ui:insert>
	</div>


	<div id="slider">
		<ui:insert name="slider">
			<!-- Slider -->
			<div id="slider">
				<div class="shell">

					<!-- Slides -->
					<div class="slides">
						<ul>
							<!-- Slide -->
							<li>
								<div class="slide-info">
									<h2>
										<span>ENTERPRISE</span> SOLUTIONS
									</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
										Aliquam arcu ligula, faucibus eu imperdiet eu, bibendum sit
										amet augue. Sed turpis sem, interdum sit amet egestas a,
										mattis non libero. Suspendisse tristique nisi sed justo
										accumsan vel mattis nulla fermentum. Etiam varius est id mi
										fermentum aliquam.</p>
									<p>Quisque quis vestibulum turpis. Sed venenatis ipsum
										laoreet elit pulvinar vitae pharetra massa dignissim.
										Curabitur ligula sapien, auctor ut porttitor a, ultricies
										lobortis dui. Suspendisse lacinia tellus a diam rutrum
										rhoncus.</p>
								</div> <span class="slide-image image1"></span>
							</li>
							<!-- End Slide -->

							<!-- Slide -->
							<li>
								<div class="slide-info">
									<h2>
										<span>ENTERPRISE</span> SOLUTIONS
									</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
										Aliquam arcu ligula, faucibus eu imperdiet eu, bibendum sit
										amet augue. Sed turpis sem, interdum sit amet egestas a,
										mattis non libero. Suspendisse tristique nisi sed justo
										accumsan vel mattis nulla fermentum. Etiam varius est id mi
										fermentum aliquam.</p>
									<p>Quisque quis vestibulum turpis. Sed venenatis ipsum
										laoreet elit pulvinar vitae pharetra massa dignissim.
										Curabitur ligula sapien, auctor ut porttitor a, ultricies
										lobortis dui. Suspendisse lacinia tellus a diam rutrum
										rhoncus.</p>
								</div> <span class="slide-image image1"></span>
							</li>
							<!-- End Slide -->

							<!-- Slide -->
							<li>
								<div class="slide-info">
									<h2>
										<span>ENTERPRISE</span> SOLUTIONS
									</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
										Aliquam arcu ligula, faucibus eu imperdiet eu, bibendum sit
										amet augue. Sed turpis sem, interdum sit amet egestas a,
										mattis non libero. Suspendisse tristique nisi sed justo
										accumsan vel mattis nulla fermentum. Etiam varius est id mi
										fermentum aliquam.</p>
									<p>Quisque quis vestibulum turpis. Sed venenatis ipsum
										laoreet elit pulvinar vitae pharetra massa dignissim.
										Curabitur ligula sapien, auctor ut porttitor a, ultricies
										lobortis dui. Suspendisse lacinia tellus a diam rutrum
										rhoncus.</p>
								</div> <span class="slide-image image1"></span>
							</li>
							<!-- End Slide -->

						</ul>
					</div>
					<!-- End Slides -->

				</div>
			</div>
			<!-- End Slider -->

			<!-- Slider Nav -->
			<div id="slider-navigation">
				<div class="shell">
					<ul>
						<li><a href="#" class="active">Ajudem-nos<strong>Database</strong><em class="ico1"></em></a></li>
						<li><a href="#">Strategias<strong>Decks</strong><em	class="ico2"></em></a></li>
						<li class="last"><a href="#">Servidor Lotr<strong>Client Gccg</strong><em class="ico3"></em></a></li>
					</ul>
				</div>
			</div>
			<!-- End Slider Nav -->

		</ui:insert>
	</div>
	<div id="content">
		<ui:insert name="content">
			<!-- Main -->
			<div id="main">
				<div class="shell">

					<!-- Cols -->
					<div class="cols">
						<div class="cl">&nbsp;</div>

						<!-- Col -->
						<div class="col">
							<h3>Sed Turpis sem</h3>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
								arcu ligula, faucibus eu imperdiet eu, bibendum sit amet augue.
								Sed turpis sem, interdum sit amet egestas a, mattis non libero.<br />
								<a href="#" class="more">read more</a>
							</p>
							<p>
								Suspendisse tristique nisi sed justo accumsan vel mattis nulla
								fermentum. Etiam varius est id mi fermentum aliquam. <br />
								 <a	href="#" class="more">read more</a>
							</p>
						</div>
						<!-- End Col -->

						<!-- Col -->
						<div class="col">
							<h3>Ligula amet augue</h3>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
								arcu ligula, faucibus eu imperdiet eu, bibendum sit amet augue.
								<br /> <a href="#" class="more">read more</a>
							</p>
							<p>
								Sed turpis sem, interdum sit amet egestas a, mattis non libero.
								Suspendisse tristique nisi sed justo accumsan vel mattis nulla
								fermentum. Etiam varius est id mi fermentum aliquam. <br /> <a
									href="#" class="more">read more</a>
							</p>
						</div>
						<!-- End Col -->

						<!-- Col -->
						<div class="col col-last">
							<h3>Ligula amet augue</h3>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
								arcu ligula, faucibus eu imperdiet eu, bibendum sit amet augue.
								<br /> <a href="#" class="more">read more</a>
							</p>
							<p>
								Sed turpis sem, interdum sit amet egestas a, mattis non libero.
								Suspendisse tristique nisi sed justo accumsan vel mattis nulla
								fermentum. Etiam varius est id mi fermentum aliquam. <br /> <a
									href="#" class="more">read more</a>
							</p>
						</div>
						<!-- End Col -->

						<div class="cl">&nbsp;</div>
					</div>
					<!-- End Cols -->

				</div>
			</div>
			<!-- End Main -->

		</ui:insert>
	</div>

	<div id="footer">
		<ui:insert name="footer">
			<!-- Footer -->
			<div id="footer">
				<div class="shell">

					<!-- Footer Logo -->
					<a href="#" class="notext footer-logo">Lotr DataBaseBR</a>
					<!-- End Footer -->

					<!-- Footer Nav -->
					<div class="right">
						<p>
							<a href="#">DataBase</a> <span>|</span> <a href="#">Historias</a>
							<span>|</span> <a href="#">Strategias</a> <span>|</span> <a
								href="#">Cliente Gccg</a> <span>|</span> <a href="#">Contato</a>
						</p>
						<p>&copy; JavaDroid01@gmail.com Design by</p>
					</div>
					<!-- End Footer Nav -->

				</div>
			</div>
			<!-- End Footer -->
		</ui:insert>
	</div>

</body>

</html>
